@use 'src/styles/abstracts' as *;

.TooltipPopover {
  width: 25rem;
  padding: $space-xs;
  display: flex;
  flex-direction: column;
  max-height: 20rem;
  &__subtitle {
    text-transform: uppercase;
    margin: $space-xs 0;
  }
  &__divider {
    margin: $space-unit 0 $space-xs;
  }
  &__section {
    margin: 0 $space-xs;
    &:last-child {
      padding-bottom: $space-unit;
    }
  }
  &__option {
    display: flex;
    width: 100%;
    overflow: hidden;
    &__label {
      margin-left: $space-xs;
      max-width: 100%;
      overflow: hidden;
      word-break: break-all;
    }
  }
  &__SelectedTagsContainer {
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    gap: $space-xxxs;
    width: 100%;
  }
}
